import React from "react";
import { ico, ico1 } from "../icons";
import style from "./ai.module.css";

function AI() {
  return (
    <div>
      <div className={style.main1right}>
        <h2>AI创作</h2>
        <div className={style.mrbox}>
          {ico1 &&
            ico1.map((item, index: number) => {
              return (
                <div className={style.mr} key={index}>
                  <img src={item.img}></img>
                  <div>{item.title}</div>
                </div>
              );
            })}
        </div>
        <div className={style.mrnone}>
          {ico &&
            ico.map((item, index) => (
              <div className={style.mrblock} key={index}>
                <img src={item.img} alt={item.title} />
                <div>{item.title}</div>
              </div>
            ))}
        </div>
      </div>
    </div>
  );
}

export default AI;
